<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" href="../util/bootstrap-3.3.7-dist/css/bootstrap.css">
    <script src="../util/jquery-3.4.1.js"></script>
    <script src="../util/bootstrap-3.3.7-dist/js/bootstrap.js"></script>
    <link rel="stylesheet" href="../css/classadmin.css">
    <link rel="stylesheet" href="../font/font-awesome-4.7.0/css/font-awesome.min.css"/>
    <script type="text/javascript" src="../js/regularExpression.js"></script>

</head>

<body>
<h2 class="h2">班级管理</h2>
<div class="class-part">
    <span>所有班级</span>
    <div class="add-class">
        <button type="button" class="btn btn-primary btn-md" data-toggle="modal" data-target="#addClassModel"><span
                class="fa fa-plus-square" style="padding-right: 5px;"></span>添加班级
        </button>
    </div>
    <div class="table-responsive class-table">

        <table class="table table-bordered table1">
            <tr style="font-size: 14px; border-bottom:3.5px solid #dee2e6 ;border-top: 2px solid #dee2e6 ;"
                class="headline">
                <th>编号</th>
                <th>班级</th>
                <th>班主任</th>
                <th>班主任电话</th>
                <th>生活老师</th>
                <th>生活老师电话</th>
                <th>人数</th>
                <th>操作</th>
                <th>查看</th>
            </tr>
        </table>
        <nav aria-label="Page navigation">
            <ul class="pagination">
            </ul>
        </nav>
    </div>
</div>
<!-- 添加模块 -->
<div class="modal fade" id="addClassModel" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title" id="myModalLabel">添加新班级</h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal">
                    <div class="form-group">
                        <label for="name" class="col-sm-2 control-label">班级名称</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control addClassInput" id="name" placeholder="该班级名称">
                        </div>
                        <span class="col-sm-2"></span>
                        <p class="col-sm-10 ClassRemind">班级名称长度在3-10字之间</p>
                    </div>
                    <div class="form-group">
                        <label for="teacher" class="col-sm-2 control-label">班主任</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control addClassInput" id="teacher" placeholder="班主任名字">
                        </div>
                        <span class="col-sm-2"></span>
                        <p class="col-sm-10 ClassRemind">班主任名称长度在2-10字之间</p>
                    </div>
                    <div class="form-group">
                        <label for="teacherTel" class="col-sm-2 control-label">电话</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control addClassInput" id="teacherTel" placeholder="班主任的电话">
                        </div>
                        <span class="col-sm-2"></span>
                        <p class="col-sm-10 ClassRemind">请输入正确的手机号码</p>
                    </div>
                    <div class="form-group">
                        <label for="lifeteacher" class="col-sm-2 control-label">生活老师</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control addClassInput" id="lifeteacher" placeholder="生活老师名字">
                        </div>
                        <span class="col-sm-2"></span>
                        <p class="col-sm-10 ClassRemind">班主任名称长度在2-10字之间</p>
                    </div>
                    <div class="form-group">
                        <label for="lifeteacherTel" class="col-sm-2 control-label">电话</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control addClassInput" id="lifeteacherTel"
                                   placeholder="生活老师的电话">
                        </div>
                        <span class="col-sm-2"></span>
                        <p class="col-sm-10 ClassRemind">请输入正确的手机号码</p>
                    </div>

                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary" id="saveCla">添加</button>
            </div>
        </div>
    </div>
</div>
<!-- 编辑模块 -->
<div class="modal fade" tabindex="-1" role="dialog" id="classEdit">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span>&times;</span>
                </button>
                <h4 class="modal-title">编辑班级</h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal">
                    <div class="form-group">
                        <label for="name" class="col-sm-2 control-label">班级名称</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control classEditInput defaultedit" name="name" placeholder="该班级名称">
                        </div>
                        <span class="col-sm-2"></span>
                        <p class="col-sm-10 ClassRemind">班级名称长度在3-10字之间</p>
                    </div>
                    <div class="form-group">
                        <label for="teacher" class="col-sm-2 control-label">班主任</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control classEditInput defaultedit" name="teacher" placeholder="班主任名字">
                        </div>
                        <span class="col-sm-2"></span>
                        <p class="col-sm-10 ClassRemind">班主任名称长度在2-10字之间</p>
                    </div>
                    <div class="form-group">
                        <label for="teacherTel" class="col-sm-2 control-label">电话</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control classEditInput defaultedit" name="teacherTel"
                                   placeholder="班主任的电话">
                        </div>
                        <span class="col-sm-2"></span>
                        <p class="col-sm-10 ClassRemind">请输入正确的手机号码</p>
                    </div>
                    <div class="form-group">
                        <label for="lifeteacher" class="col-sm-2 control-label">生活老师</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control classEditInput defaultedit" name="lifeteacher"
                                   placeholder="生活老师名字">
                        </div>
                        <span class="col-sm-2"></span>
                        <p class="col-sm-10 ClassRemind">生活老师名称长度在2-10字之间</p>
                    </div>
                    <div class="form-group">
                        <label for="lifeteacherTel" class="col-sm-2 control-label">电话</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control classEditInput defaultedit" name="lifeteacherTel"
                                   placeholder="生活老师的电话">
                        </div>
                        <span class="col-sm-2"></span>
                        <p class="col-sm-10 ClassRemind">请输入正确的手机号码</p>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" id="saveEdit">保存</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<!-- 删除模块 -->
<div class="modal fade" tabindex="-1" role="dialog" id="classDelete">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
                <h4 class="modal-title">删除班级</h4>
            </div>
            <div class="modal-body">
                <p>确定删除该班级吗？</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-danger" id="deletesResure">确定</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<!-- 查看人员模块 -->
<div class="modal fade" tabindex="-1" role="dialog" id="ClassCheck">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
                <h4 class="modal-title">查看班级人员</h4>
            </div>
            <div class="modal-body">
                <div class="table-responsive department-table">

                    <table class="table table-bordered table2">
                        <tr style="font-size: 14px; border-bottom:3.5px solid #dee2e6 ;border-top: 2px solid #dee2e6 ;"
                            class="headline">
                            <th>姓名</th>
                            <th>性别</th>
                            <th>班级</th>
                            <th>生日</th>
                            <th>监护人</th>
                            <th>电话</th>
                            <th>家庭住址</th>
                        </tr>
                    </table>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->
</body>
<script src="../js/classadmin.js"></script>

</html>